<!DOCTYPE html>
<html xmlns:align-items="http://www.w3.org/1999/xhtml">
<head>
    <title>学生课外竞赛系统</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link href="https://cdn.staticfile.org/twitter-bootstrap/5.1.1/css/bootstrap.min.css" rel="stylesheet">
    <script src="https://cdn.staticfile.org/twitter-bootstrap/5.1.1/js/bootstrap.bundle.min.js"></script>
    <script src="https://static.lanqiao.cn/common/js/lib/jquery-1.9.1.min.js"></script>
    <link rel="canonical" href="https://v5.bootcss.com/docs/examples/pricing/">

</head>
<style>
    .news{
        position: relative;
        /*left:50%;*/
        /*!*margin-left:-590px;*!*/
        /*margin-left:-590px;*/
        /*top: -60px;*/
        /*top: 40px;*/
        width: 590px;
        height: 368px;
        margin: 40px 25px 0 25px;
    }
    .wonderful_record{
        position: relative;
        /*top: -60px;*/
        top: 40px;
        width: 100%;
        height: 950px;
        background-color: #FFFFFF;
    }
    ol,ul ,li {
        list-style-type:none;
        list-style: none;
    }
    a {
        text-decoration:none
    }
</style>
<body>
<link rel="stylesheet" type="text/css" href="https://static.lanqiao.cn/dasai/css/index20210818.css?v=5.72" />
<div class="container py-3">
    <!--头部-->
    <header class="p-3 mb-3 border-bottom">
        <div class="container">
            <div class="d-flex flex-wrap align-items-center justify-content-center justify-content-lg-start">
                <a href="Home.html" class="navbar-brand">学生课外竞赛系统</a>

                <ul class="nav col-12 col-lg-auto me-lg-auto mb-2 justify-content-center mb-md-0">
                    <li><a href="Login.html" class="nav-link px-2 link-dark">登录</a></li>
                    <li><a href="Register.html" class="nav-link px-2 link-dark">注册</a></li>
                    <li><a href="#report" class="nav-link px-2 link-dark">关于大赛</a></li>
                    <li><a href="#show" class="nav-link px-2 link-dark">精彩记录</a></li>
                </ul>

                <div class="col-md-5 text-end">
                    <button type="button" class="btn btn-outline-primary">我是管理员</button>
                    <button type="button" class="btn btn-primary">我是学生</button>
                    <button type="button" class="btn btn-success">我是项目负责人</button>
                </div>
            </div>
        </div>
    </header>

    <!-- 轮播 -->
    <div id="demo" class="carousel slide" data-bs-ride="carousel">
        <!-- 指示符 -->
        <div class="carousel-indicators">
            <button type="button" data-bs-target="#demo" data-bs-slide-to="0" class="active"></button>
            <button type="button" data-bs-target="#demo" data-bs-slide-to="1"></button>
            <button type="button" data-bs-target="#demo" data-bs-slide-to="2"></button>
        </div>

        <!-- 轮播图片 -->
        <div class="carousel-inner">
            <div class="carousel-item active">
                <img src="../img/Home_Ro01.png" class="d-block" style="width:100%;height: 600px">
            </div>
            <div class="carousel-item">
                <img src="../img/Home_Ro02.png" class="d-block" style="width:100%;height: 600px">
            </div>
            <div class="carousel-item">
                <img src="../img/Home_Ro03.png" class="d-block" style="width:100%;height: 600px">
            </div>
        </div>

        <!-- 左右切换按钮 -->
        <button class="carousel-control-prev" type="button" data-bs-target="#demo" data-bs-slide="prev">
            <span class="carousel-control-prev-icon"></span>
        </button>
        <button class="carousel-control-next" type="button" data-bs-target="#demo" data-bs-slide="next">
            <span class="carousel-control-next-icon"></span>
        </button>
    </div>

    <!-- 大赛通知-->
    <div class="row mb-2" id="report">
        <!--        <div class="col-md-6">-->
        <div class="news">
            <div class="fl">
                <div class="news_fl_title">
                    <div class="fleft">
                        <span>大赛通知</span>
                        <img src="https://static.lanqiao.cn/dasai/images/20210818/title/notice.png">
                    </div>
                    <a>
                        <div class="fright">
                            <span>查看更多</span>
                            <img src="https://static.lanqiao.cn/dasai/images/20210818/icons/yellow_right.png">
                        </div>
                    </a>
                </div>
                <div class="news_fl_content">
                    <div class="item">
                        <a>
                            <div class="item_title">
                                关于蓝桥杯大赛400电话线路升级的通知</div>
                        </a>
                        <div class="item_time">
                            2021-12-17</div>
                    </div>
                    <div class="item">
                        <a>
                            <div class="item_title">
                                蓝桥杯获奖选手申领《工业和信息化人才岗位能力评价证书》的通知</div>
                        </a>
                        <div class="item_time">
                            2021-12-08</div>
                    </div>
                    <div class="item">
                        <a href="text/notice01.html">
                            <div class="item_title">
                                关于蓝桥杯大赛推行获奖证书无纸化事宜的通知</div>
                        </a>
                        <div class="item_time">
                            2021-12-08</div>
                    </div>
                    <div class="item">
                        <a>
                            <div class="item_title">
                                关于开放第十三届蓝桥杯大赛（个人赛）个人报名功能的通知</div>
                        </a>
                        <div class="item_time">
                            2021-12-07</div>
                    </div>
                    <div class="item">
                        <a>
                            <div class="item_title">
                                举办第十三届蓝桥杯大赛（电子类）省赛师资培训会的通知</div>
                        </a>
                        <div class="item_time">
                            2021-11-30</div>
                    </div>
                    <div class="item">
                        <a>
                            <div class="item_title">
                                举办第十三届蓝桥杯大赛（软件类）省赛师资培训会的通知</div>
                        </a>
                        <div class="item_time">
                            2021-11-30</div>
                    </div>
                    <div class="item">
                        <a>
                            <div class="item_title">
                                关于举办第十三届蓝桥杯大赛（电子类）校内模拟赛的通知</div>
                        </a>
                        <div class="item_time">
                            2021-11-16</div>
                    </div>
                    <div class="item">
                        <a>
                            <div class="item_title">
                                关于举办2021年度物联网单片机应用与开发职业技能等级证书师资培训会的通知</div>
                        </a>
                        <div class="item_time">
                            2021-11-05</div>
                    </div>
                </div>
            </div>
        </div>
        <!--        </div>-->
        <!--        <div class="col-md-6">-->
        <div class="news">
            <div class="fr">
                <div class="news_fr_title">
                    <div class="fleft">
                        <span>大赛新闻</span>
                        <img src="https://static.lanqiao.cn/dasai/images/20210818/title/news.png">
                    </div>
                    <a>
                        <div class="fright">
                            <span>查看更多</span>
                            <img src="https://static.lanqiao.cn/dasai/images/20210818/icons/yellow_right.png">
                        </div>
                    </a>
                </div>
                <div class="news_fr_content">
                    <div class="item">
                        <a>
                            <div class="item_title">
                                学在b站，习在蓝桥，蓝桥云课与哔哩哔哩成功联合举办UP之夜</div>
                        </a>
                        <div class="item_time">
                            2021-08-04</div>
                    </div>
                    <div class="item">
                        <a>
                            <div class="item_title">
                                1300所高校 7.5万名学子竞技蓝桥杯第十二届蓝桥杯大赛省赛顺利举办</div>
                        </a>
                        <div class="item_time">
                            2021-04-19</div>
                    </div>
                    <div class="item">
                        <a href="text/notice02.html">
                            <div class="item_title">
                                11年45万大学生参与“蓝桥杯”软件人才竞技</div>
                        </a>
                        <div class="item_time">
                            2021-04-07</div>
                    </div>
                    <div class="item">
                        <a>
                            <div class="item_title">
                                推动职业教育高质量发展，蓝桥在全国成功举办多场提质培优交流会</div>
                        </a>
                        <div class="item_time">
                            2021-03-30</div>
                    </div>
                    <div class="item">
                        <a>
                            <div class="item_title">
                                蓝桥杯大赛，搞事情了！！</div>
                        </a>
                        <div class="item_time">
                            2021-03-30</div>
                    </div>
                    <div class="item">
                        <a>
                            <div class="item_title">
                                数字新时代呼唤人才培养新模式，蓝桥杯大赛以赛促教成为突破口</div>
                        </a>
                        <div class="item_time">
                            2021-03-24</div>
                    </div>
                    <div class="item">
                        <a>
                            <div class="item_title">
                                蓝桥杯大赛蝉联入选2020全国普通高校学科竞赛排行榜</div>
                        </a>
                        <div class="item_time">
                            2021-03-22</div>
                    </div>
                    <div class="item">
                        <a>
                            <div class="item_title">
                                第十一届蓝桥杯大赛总决赛圆满落幕</div>
                        </a>
                        <div class="item_time">
                            2020-11-16</div>
                    </div>
                </div>
            </div>
        </div>
        <!--        </div>-->
    </div>

    <!-- 精彩记录-->
    <div class="region" id="show">
        <div class="wonderful_record">
<!--            <img class="order_top" src="https://static.lanqiao.cn/dasai/images/20210818/border_top/9aTop.png">-->
            <div class="title">
                <img src="https://static.lanqiao.cn/dasai/images/20210818/title/Wonderfulrecord.png">
                <span>精彩记录</span>
            </div>
            <div class="flexsilde" id="highlightSilder">
                <div class="hd">
                    <ul>
                        <li></li>
                        <li></li>
                        <li></li>
                    </ul>
                </div>
                <div class="bd">
                    <ul>
                        <li>
                            <div style="background-image: url(https://static.lanqiao.cn/dasai/images/201708/index/highlight/news1.jpg);"
                                 class="img1"></div>
                            <div style="background-image: url(https://static.lanqiao.cn/dasai/images/201708/index/highlight/news3.png);"
                                 class="img2"></div>
                            <div style="background-image: url(https://static.lanqiao.cn/dasai/images/201708/index/highlight/news2.png);"
                                 class="img3"></div>
                            <div style="background-image: url(https://static.lanqiao.cn/dasai/images/201708/index/highlight/news4.png);"
                                 class="img4"></div>
                            <div style="background-image: url(https://static.lanqiao.cn/dasai/images/201708/index/highlight/news5.jpg);"
                                 class="img5"></div>
                            <div style="background-image: url(https://static.lanqiao.cn/dasai/images/201708/index/highlight/news6.jpg);"
                                 class="img6"></div>
                        </li>
                        <li>

                            <div style="background-image: url(https://static.lanqiao.cn/dasai/images/201708/index/highlight/news7.png);"
                                 class="img1"></div>
                            <div style="background-image: url(https://static.lanqiao.cn/dasai/images/201708/index/highlight/news8.png);"
                                 class="img2"></div>
                            <div style="background-image: url(https://static.lanqiao.cn/dasai/images/201708/index/highlight/news9.png);"
                                 class="img3"></div>
                            <div style="background-image: url(https://static.lanqiao.cn/dasai/images/201708/index/highlight/news10.jpg);"
                                 class="img4"></div>
                            <div style="background-image: url(https://static.lanqiao.cn/dasai/images/201708/index/highlight/news11.png);"
                                 class="img5"></div>
                            <div style="background-image: url(https://static.lanqiao.cn/dasai/images/201708/index/highlight/news12.png);"
                                 class="img6"></div>
                        </li>
                        <li>
                            <div style="background-image: url(https://static.lanqiao.cn/dasai/images/201708/index/highlight/news13.jpg);"
                                 class="img1"></div>
                            <div style="background-image: url(https://static.lanqiao.cn/dasai/images/201708/index/highlight/news14.jpg);"
                                 class="img2"></div>
                            <div style="background-image: url(https://static.lanqiao.cn/dasai/images/201708/index/highlight/news15.jpg);"
                                 class="img3"></div>
                            <div style="background-image: url(https://static.lanqiao.cn/dasai/images/201708/index/highlight/news16.jpg);"
                                 class="img4"></div>
                            <div style="background-image: url(https://static.lanqiao.cn/dasai/images/201708/index/highlight/news17.jpg);"
                                 class="img5"></div>
                            <div style="background-image: url(https://static.lanqiao.cn/dasai/images/201708/index/highlight/news18.png);"
                                 class="img6"></div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>



    <!-- 页脚  -->
    <div class="container">
        <footer class="row row-cols-5 py-5 my-5 border-top">
            <div class="col">
                <!--                <a href="/" class="d-flex align-items-center mb-3 link-dark text-decoration-none">-->
                <!--                    <svg class="bi me-2" width="40" height="32"><use xlink:href="../img/logo.png"/></svg>-->
                <!--                </a>-->
                <img class="mb-2" src="../img/logo.png" alt="" width="35" height="35">
                <p class="text-muted">&copy; 2021</p>
            </div>

            <div class="col">

            </div>

            <div class="col">
                <h5>member</h5>
                <ul class="nav flex-column">
                    <li class="nav-item mb-2"><a class="nav-link p-0 text-muted">谢家威</a></li>
                    <li class="nav-item mb-2"><a class="nav-link p-0 text-muted">徐志耀</a></li>
                    <li class="nav-item mb-2"><a class="nav-link p-0 text-muted">陈智敏</a></li>
                    <li class="nav-item mb-2"><a class="nav-link p-0 text-muted">祝皓东</a></li>
                </ul>
            </div>

            <div class="col">
                <h5>technology</h5>
                <ul class="nav flex-column">
                    <li class="nav-item mb-2"><a class="nav-link p-0 text-muted">Servlet</a></li>
                    <li class="nav-item mb-2"><a class="nav-link p-0 text-muted">Jsp</a></li>
                    <li class="nav-item mb-2"><a class="nav-link p-0 text-muted">Servlet</a></li>
                    <li class="nav-item mb-2"><a class="nav-link p-0 text-muted">Bootstrap5</a></li>
                </ul>
            </div>

            <div class="col">
                <h5>About</h5>
                <ul class="nav flex-column">
                    <li class="nav-item mb-2"><a class="nav-link p-0 text-muted">Home</a></li>
                    <li class="nav-item mb-2"><a class="nav-link p-0 text-muted">Features</a></li>
                    <li class="nav-item mb-2"><a class="nav-link p-0 text-muted">Pricing</a></li>
                    <li class="nav-item mb-2"><a class="nav-link p-0 text-muted">FAQs</a></li>
                    <li class="nav-item mb-2"><a class="nav-link p-0 text-muted">About</a></li>
                </ul>
            </div>
        </footer>
    </div>
</div>

<script src="https://static.lanqiao.cn/common/js/jquery_ext/jquery.SuperSlide.2.1.1.js"></script>
<script type="text/javascript">
    //千万别动下面这些js，一改图片位置就乱了
    $(function () {

        $.get('/api/action/account/current/sessionkey').success(function(res){ });
        $("#bannerSilder").slide({
            mainCell: ".bd ul",
            effect: 'left',
            autoPlay: true,
            trigger: 'click',
            easing: 'linear',
            delayTime: 500,
            mouseOverStop: true,
            pnLoop: true
        });

        var $videoIframe = $("#videoIframe"),
            videoIndex = 0,
            videoSrc = [
                'https://v.qq.com/txp/iframe/player.html?vid=g05322wc8j7&tiny=0&auto=0',
                'https://v.qq.com/txp/iframe/player.html?vid=j0338qcb42l&tiny=0&auto=0',
                'https://v.qq.com/txp/iframe/player.html?vid=k0500spp1kh&tiny=0&auto=0'
            ];
        $("#videoSilder .hd li").click(function () {
            if ($(this).hasClass("on")) {
                return false
            }
            $(this).addClass('on').siblings().removeClass('on');

            videoIndex = $(this).index()
            $videoIframe.attr("src", videoSrc[videoIndex])
        });

        $("#videoSilder a").click(function () {
            var cacheIndex = videoIndex

            if ($(this).hasClass('prev') && videoIndex != 0) {
                videoIndex--
            }

            if ($(this).hasClass('next') && videoIndex != videoSrc.length - 1) {
                videoIndex++
            }
            if (cacheIndex != videoIndex) {
                $("#videoSilder .hd li").eq(videoIndex).addClass('on').siblings().removeClass('on');
                $videoIframe.attr("src", videoSrc[videoIndex])
            }
        })

        $("#highlightSilder").slide({
            mainCell: ".bd ul",
            effect: 'fade',
            autoPlay: false,
            trigger: 'click',
            easing: 'linear',
            delayTime: 500,
            mouseOverStop: true,
            pnLoop: true
        });

        $('.tabs li').click(function () {
            if ($(this).hasClass('act')) {
                return
            }
            $(this).addClass('act').siblings().removeClass('act');
            var $content = $(this).closest('.tabs').next('.tabs-content'),
                index = $(this).index();
            var tohref = $(this).attr("href");
            $content.find('.tab-box').hide();
            $content.find('.tab-box').eq(index).show();
            $(this).siblings("#tabs_more").attr("href", tohref);

        })
        // var $return = $('.silder .return');
        var $return = $('.fixed_rignt .itemTop');
        var throttle = function (fn, delay, atleast) {
            var timer = null;
            var previous = null;
            return function () {
                var now = +new Date();
                if (!previous) previous = now;
                if (now - previous > atleast) {
                    fn();
                    // 重置上一次开始时间为本次结束时间
                    previous = now;
                } else {
                    clearTimeout(timer);
                    timer = setTimeout(function () {
                        fn();
                    }, delay);
                }
            }
        }
        window.onscroll = throttle(function () {
            var winHeight = window.innerHeight || $(window).height()
            // console.log('winHeight-----------', winHeight)
            if ($(window).scrollTop() > winHeight) {
                $return.fadeIn('fast').css("display", "block");
            } else {
                $return.fadeOut('fast')
            }
        }, 100, 200)
        // 跳转到开始
        $return.click(function () {
            $('body,html').animate({scrollTop: 0}, 500);
        })

        //推广广告关闭
        $(".tuiguang span").click(function () {
            $(".tuiguang").hide();
        })


        sensorsTrack("ds_home_browse",{
            'source_page':document.referrer
        })
    })

</script>
</body>
</html>